@import "variable.styl"

html,body
	width : 100%
	height : 100%
	font-weight : 200
	line-height: 1
	font-family: 'Avenir', Helvetica, Arial, sans-serif
	-webkit-font-smoothing: antialiased
	-moz-osx-font-smoothing: grayscale
	-webkit-tap-highlight-color: transparent
	background: $color-background

//清浮动
.clearfix
	&:after
		display : block
		content : ""
		height : 0
		line-height : 0
		clear : both
		visibility: hidden

//浮动
//左浮动
.fl
	float : left

//右浮动
.fr
	float : right

//水平对齐方式
//水平居左
.tal
	text-align : left

//水平居中
.tac
	text-align : center

//水平居右
.tar
	text-align : right

//垂直对齐方式
//顶部对齐
.vat
	vertical-align : top

//居中对齐
.vam
	vertical-align : middle

//底部对齐
.vab
	vertical-align : bottom

//隐藏
.dn
	display : none

.dni
	display : none !important

//块级元素
.db
	display : block

//内联块级元素
.dib
	display : inline-block

//占位隐藏
.vh
	visibility : hidden

.vv
	visibility : visible

//相对定位
.pr
	position : relative

//绝对定位
.pa
	position : absolute

//固定定位
.pf
	position : fixed

//字体加粗
.feb
	font-weight : bold

//3s过渡效果
.transition
	-webkit-transition : all .3s ease
	-moz-transition : all .3s ease
	-ms-transition : all .3s ease
	-o-transition : all .3s ease
	transition: all .3s ease

//5px圆角
.br5
	-webkit-border-radius: 5px
	-moz-border-radius: 5px
	-ms-border-radius: 5px
	-o-border-radius: 5px
	border-radius: 5px

//50%圆角
.br50
	-webkit-border-radius: 50%
	-moz-border-radius: 50%
	-ms-border-radius: 50%
	-o-border-radius: 50%
	border-radius: 50%

//不允许选中内容
.usn
	-webkit-user-select:none
	-moz-user-select:none
	-ms-user-select:none
	-o-user-select:none
	user-select:none

//通用样式
.SY-content
	padding-top: 60px
	min-height: 464px
	-moz-backface-visibility: hidden
	-webkit-backface-visibility: hidden
	backface-visibility: hidden;
